<template>
  <div class="my_a">
    <div class="my_aTop">当前位置:    个人中心--主页</div>
    <div class="my_cont">
      <div class="cont">
        <div class="top">账号: 北京大学教材科</div>
        <div class="my_item">
          <div><span>姓名：</span>北京大学教材科</div>
          <span>删除</span>
        </div>
        <div class="my_item">
          <div><span>电话：</span>1899999999999</div>
          <span>删除</span>
        </div>
        <div class="my_item">
          <div><span>邮箱：</span>18999999@</div>
          <span>删除</span>
        </div>
        <div class="my_item">
          <div><span>地址：</span>福建省福州市鼓楼区力宝天马10楼111111111</div>
          <span>删除</span>
        </div>
        <div class="my_item">
          <div><span>密码：</span>******************</div>
          <span>删除</span>
        </div>
        <div class="out">退出登录</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.my_a{
 height: 617px;
 background: #ffff;
}
.my_aTop {
  height: 39px;
  background: #960006;
  color: #ffff;
  line-height: 39px;
  padding-left: 30px;
}
.cont {
  .top {
    height: 138px;
    line-height: 138px;
    text-align: center;

    font-size: 24px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #000000;
  }
  .my_item {
    margin: 0 auto;
    width: 554px;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #000;
  }
  .out {
    margin: 0 auto;
    width: 99px;
    height: 31px;
    line-height: 30px;
    background: #960006;
    border: 1px solid #8a8a8a;
    border-radius: 16px;
    color: #fff;
    text-align: center;
    font-size: 14px;

    font-weight: normal;
  }
}
</style>